<template>
        <div class="container">
            <div>
                <img class="img-item1" src="../assets/img/policyService.png" alt="">
            </div>

            <Card style="text-align: center">
                <router-link to="/search">
                    <h4>保单查询</h4><br>
                </router-link>

                <p>意外险保单查询</p><br>
                <p>重疾险保单查询</p><br>
                <p>养老险保单查询</p><br>
                <p>子女教育险保单查询</p><br>
                <p>理财投资险保单查询</p>

             </Card>

            <Card style="text-align:center">
                <router-link to="/digital_policy">
                    <h4>电子保单</h4><br>
                </router-link>
                <p>电子保单/批单下载</p><br>
                <p>电子保单/批单验真</p><br>
            </Card>


             <img class="img-item2" src="../assets/img/claimService.png" alt="">



            <Card style="text-align:center;">
                <router-link to="/report_policy">
                    <h5 style="margin-top: 5px">我要报案</h5><br>
                </router-link>
                <router-link to="/query_process">
                    <h5>我要查案</h5><br>
                </router-link>
                <router-link to="/edit_policy">
                    <h5>我要改案</h5><br>
                </router-link>
                <router-link to="/cancel_policy">
                    <h5>我要销案</h5><br>
                </router-link>
            </Card>

            <Card style="text-align:center; ">
                <h4 slot="title">理赔说明</h4>
                <p>1.拨打95569/400 809 5569提出理赔申请</p><br>
                <p>2.您在完成理赔申请操作后，可以通过网站查询理赔进度</p><br>
                <p>3.在做出理赔决定后将迅速通知您理赔结果并将赔款支付至您的银行账户</p><br>
            </Card>


            <img class="img-item3" src="../assets/img/process.png" alt="">

        </div>
</template>

<script>
    export default {
        name: "Owned"
    }
</script>

<style scoped>
    .container {
        display: grid;
        grid-template-columns: 297px 400px 400px;
        grid-template-rows: 303px 233px 229px;
        grid-auto-flow: row dense;
        margin-top: 20px;
    }



    .img-item1 {
        grid-row: 1;
    }

    .img-item2 {
        background: #b03532;
        grid-column: 1;
        grid-row: 2 / 4;
    }

    .img-item3 {
        background: #b03532;
        grid-column: 2 / 4;
        grid-row: 3;
    }

</style>